import React from 'react';
import ReactDOM from 'react-dom';
import { DatePicker,Button } from 'antd';
import Back from '@/components/back'


class Antd extends React.Component {
  render() {
    return (
      <div>
        <div className='pages antd'>
          <Back />
          <h2>Ant.Design</h2>
          <a id="logo" href='https://ant.design/index-cn' target='_blank'>
            <img src="https://zos.alipayobjects.com/rmsportal/wIjMDnsrDoPPcIV.png" alt="antd-logo"/>
            Ant.Design
          </a>
          <div className="time">
            <DatePicker></DatePicker>
          </div>
          <div className="component">
            <p>
            <Button type="primary">Primary</Button>
            </p> 
            <p><Button>Default</Button></p> 
            <p><Button type="dashed">Dashed</Button></p> 
            <p><Button type="danger">Danger</Button>  </p> 
            <p><Button icon="search">Search</Button>  </p>         
          </div>
        </div>
      </div>
    )
  }
}
export default Antd